<template>
  <view class="business">
    <view class="flex align-center business__item" @click="addPerson()">
      <u-image
        src="../../static/image/business/icon_business_3.png"
        shape="circle"
        width="140rpx"
        height="140rpx"
      >
      </u-image>
      <view>
        <view> 新增代理(个人) </view>
        <view class="business__tip">
          收集个人型代理注册资料后,可帮助其完成注册
        </view>
      </view>
    </view>
    <view class="flex align-center business__item" @click="addCompany">
      <u-image
        src="../../static/image/business/icon_business_4.png"
        shape="circle"
        width="140rpx"
        height="140rpx"
      >
      </u-image>
      <view>
        <view> 新增代理(企业/个体工商户) </view>
        <view class="business__tip">
          收集企业型代理注册资料后,可帮助其完成注册
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    addPerson() {
      this.$u.route('pages/business/addPersonFirst');
    },
    addCompany() {
      this.$u.route('pages/business/addCompanyFirst');
    },
  },
};
</script>

<style scoped lang="scss">
.business {
  // padding-top: 0rpx;
  &__item {
    background-color: white;
    margin: 20rpx;
    padding: 10rpx 20rpx;
    border-radius: 10rpx;
  }
  &__tip {
    font-size: 11px;
  }
}
</style>
